<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">

        <ui:define name="title">
            Escrituras de Separações, Divórcios e Inventários - #{ managerCriarEscrituraSDI.escritura.id == null ? 'Cadastrar' : 'Editar' }
        </ui:define>        

        <ui:define name="content">
            <h:form id="criarEscrituraSDIForm">

                <p:messages id="criarEscrituraSDIMessages" autoUpdate="true" />

                <p:fieldset legend="Dados" id="dadosFieldset">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Tipo do Ato" for="atoTipoEPAutoComplete" />
                        </div>
                        <div class="column3">
                            <p:autoComplete id="atoTipoEPAutoComplete" value="#{ managerCriarEscrituraSDI.escritura.atoTipoEP }"
                                            forceSelection="true" dropdown="true" var="atoTipoEP" itemValue="#{ atoTipoEP }" 
                                            itemLabel="#{ atoTipoEP.descricao }" completeMethod="#{ managerCriarEscrituraSDI.autocompletarAtoTipoEP }"
                                            converter="conversoratotipoep" minQueryLength="3" required="true" requiredMessage="Tipo do Ato é obrigatório">
                                <p:ajax event="itemSelect" oncomplete="widthFix();" update="@form" />
                            </p:autoComplete>
                        </div>                        
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Número" for="numeroInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="numeroInputText" value="#{ managerCriarEscrituraSDI.escritura.numero }"
                                         required="true" requiredMessage="Número é obrigatório" />
                        </div>                        

                        <div class="column2">
                            <p:outputLabel value="Data do Ato" for="dataAtoCalendar" />
                        </div>
                        <div class="column3">
                            <p:calendar id="dataAtoCalendar" value="#{ managerCriarEscrituraSDI.escritura.dataAto }"
                                        showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" required="true"
                                        requiredMessage="Data do Ato é obrigatório" />
                        </div>                        
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Livro" for="livroInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="livroInputText" value="#{ managerCriarEscrituraSDI.escritura.livro }"
                                         required="true" requiredMessage="Livro é obrigatório" />
                        </div>
                        <div class="column2">
                            <p:outputLabel value="Complemento do Livro" for="livroComplementoInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="livroComplementoInputText" value="#{ managerCriarEscrituraSDI.escritura.livroComplemento }" />
                        </div>                        
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Folha" for="folhaInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="folhaInputText" value="#{ managerCriarEscrituraSDI.escritura.folha }"
                                         required="true" requiredMessage="Folha é obrigatório" />
                        </div>
                        <div class="column2">
                            <p:outputLabel value="Complemento do Folha" for="folhaComplementoInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="folhaComplementoInputText" value="#{ managerCriarEscrituraSDI.escritura.folhaComplemento }" />
                        </div>
                    </div>                    

                    <p:panel id="separacao_divorcio" styleClass="column12 noborder" rendered="#{ managerCriarEscrituraSDI.escritura.atoTipoEP.tipoAtoCESDI == 'SEPARACAO_DIVORCIO' }">
                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Regime de Bens" for="regimeBensSelectOneMenu" />
                            </div>
                            <div class="column3">
                                <p:selectOneMenu id="regimeBensSelectOneMenu" value="#{ managerCriarEscrituraSDI.escritura.regimeBens }"
                                                 required="true" requiredMessage="Regime de Bens é obrigatório">
                                    <f:selectItems value="#{ enums.regimesBens() }" />
                                </p:selectOneMenu>
                            </div>
                            <div class="column2">
                                <p:outputLabel value="Data do Casamento" for="dataCasamentoCalendar" />
                            </div>
                            <div class="column3">
                                <p:calendar id="dataCasamentoCalendar" value="#{ managerCriarEscrituraSDI.escritura.dataCasamento }"
                                            required="true" requiredMessage="Data do Casamento é obrigatório"
                                            showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Quantidade de filhos maiores" for="quantidadeFilhosMaioresInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="quantidadeFilhosMaioresInputText" required="true" requiredMessage="Quantidade de filhos maiores é obrigatório"
                                             value="#{ managerCriarEscrituraSDI.escritura.quantidadeFilhosMaiores }" />
                            </div>
                        </div>
                    </p:panel>

                </p:fieldset>

                <p:fieldset legend="Partes" id="partesFieldset">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Pessoa" for="tipoPessoaSelectOneMenu" />
                        </div>                        
                        <div class="column10">
                            <p:selectOneRadio id="tipoPessoaSelectOneMenu" value="#{ managerCriarEscrituraSDI.parte.pessoa.tipoPessoa }">
                                <f:selectItems value="#{ enums.tiposPessoaOAB() }" />
                                <p:ajax event="change" update="partesFieldset" oncomplete="widthFix();"
                                        listener="#{ managerCriarEscrituraSDI.limparDadosParte() }" />
                            </p:selectOneRadio>
                        </div>
                    </div>

                    <p:panel styleClass="column12 noborder" rendered="#{ managerCriarEscrituraSDI.parte.pessoa.tipoPessoa eq 'FISICA' }">

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Qualidade" for="qualidadeFisicaAutoComplete" />
                            </div>
                            <div class="column3">
                                <p:autoComplete id="qualidadeFisicaAutoComplete" value="#{ managerCriarEscrituraSDI.parte.qualidade }"
                                                disabled="#{ managerCriarEscrituraSDI.escritura.atoTipoEP == null }"
                                                forceSelection="true" dropdown="true" var="qualidade" itemValue="#{ qualidade }" 
                                                itemLabel="#{ qualidade.descricao }" completeMethod="#{ managerCriarEscrituraSDI.autocompletarQualidade }"
                                                converter="conversorqualidade" minQueryLength="3"
                                                required="true" requiredMessage="Qualidade é obrigatório">
                                    <p:ajax event="itemSelect" oncomplete="widthFix();" update=":criarEscrituraSDIForm:partesFieldset" />
                                </p:autoComplete>
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="CPF" for="cpfInputMask" />
                            </div>
                            <div class="column3">
                                <p:inputMask id="cpfInputMask" value="#{ managerCriarEscrituraSDI.parte.pessoa.cpf }"
                                             mask="999.999.999-99" required="true" requiredMessage="CPF é obrigatório" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Nome" for="nomeInputText" />
                            </div>
                            <div class="column8">
                                <p:inputText id="nomeInputText" value="#{ managerCriarEscrituraSDI.parte.pessoa.nome }"
                                             required="true" requiredMessage="Nome é obrigatório" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="RG" for="rgInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="rgInputText" value="#{ managerCriarEscrituraSDI.parte.pessoa.rg }" />
                            </div>

                            <div class="column2">
                                <p:outputLabel value="Orgão emissor" for="orgaoEmissorInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="orgaoEmissorInputText" value="#{ managerCriarEscrituraSDI.parte.pessoa.orgaoEmissor }" />
                            </div>
                        </div>

                    </p:panel>

                    <p:panel styleClass="column12 noborder" rendered="#{ managerCriarEscrituraSDI.parte.pessoa.tipoPessoa eq 'JURIDICA' }">

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Qualidade" for="qualidadeJuridicaAutoComplete" />
                            </div>
                            <div class="column3">
                                <p:autoComplete id="qualidadeJuridicaAutoComplete" value="#{ managerCriarEscrituraSDI.parte.qualidade }"
                                                disabled="#{ managerCriarEscrituraSDI.escritura.atoTipoEP == null }"
                                                forceSelection="true" dropdown="true" var="qualidade" itemValue="#{ qualidade }" 
                                                itemLabel="#{ qualidade.descricao }" completeMethod="#{ managerCriarEscrituraSDI.autocompletarQualidade }"
                                                converter="conversorqualidade" minQueryLength="3"
                                                required="true" requiredMessage="Qualidade é obrigatório">
                                    <p:ajax event="itemSelect" oncomplete="widthFix();" update=":criarEscrituraSDIForm:partesFieldset" />
                                </p:autoComplete>
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Razao Social" for="razaoSocialInputText" />
                            </div>
                            <div class="column8">
                                <p:inputText id="razaoSocialInputText" value="#{ managerCriarEscrituraSDI.parte.pessoa.razaoSocial }"
                                             required="true" requiredMessage="Razao Social é obrigatório" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="CNPJ" for="cnpjInputMask" />
                            </div>
                            <div class="column3">
                                <p:inputMask id="cnpjInputMask" value="#{ managerCriarEscrituraSDI.parte.pessoa.cnpj }" mask="99.999.999/9999-99"
                                             required="true" requiredMessage="CNPJ é obrigatório" />
                            </div>
                        </div>
                    </p:panel>

                    <p:panel styleClass="column12 noborder" rendered="#{ managerCriarEscrituraSDI.parte.pessoa.tipoPessoa eq 'OAB' }">

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Qualidade" for="qualidadeOABAutoComplete" />
                            </div>
                            <div class="column3">
                                <p:autoComplete id="qualidadeOABAutoComplete" value="#{ managerCriarEscrituraSDI.parte.qualidade }"
                                                disabled="#{ managerCriarEscrituraSDI.escritura.atoTipoEP == null }"
                                                forceSelection="true" dropdown="true" var="qualidade" itemValue="#{ qualidade }" 
                                                itemLabel="#{ qualidade.descricao }" completeMethod="#{ managerCriarEscrituraSDI.autocompletarQualidade }"
                                                converter="conversorqualidade" minQueryLength="3"
                                                required="true" requiredMessage="Qualidade é obrigatório">
                                    <p:ajax event="itemSelect" oncomplete="widthFix();" update=":criarEscrituraSDIForm:partesFieldset" />
                                </p:autoComplete>
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="OAB" for="OABInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="OABInputText" value="#{ managerCriarEscrituraSDI.parte.pessoa.OAB }"
                                             required="true" requiredMessage="OAB é obrigatório" />
                            </div>
                        </div>                        

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Nome" for="nomeOABInputText" />
                            </div>
                            <div class="column8">
                                <p:inputText id="nomeOABInputText" value="#{ managerCriarEscrituraSDI.parte.pessoa.nome }"
                                             required="true" requiredMessage="Nome é obrigatório" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="UF" for="UFOABAutoComplete" />
                            </div>
                            <div class="column3">
                                <p:autoComplete id="UFOABAutoComplete" value="#{ managerCriarEscrituraSDI.parte.pessoa.UFOAB }"
                                                forceSelection="true" dropdown="true" var="estado" itemValue="#{ estado }" 
                                                itemLabel="#{ estado.nome }" completeMethod="#{ managerCriarEscrituraSDI.autocompletarEstado }"
                                                converter="conversorestado" minQueryLength="3"
                                                required="true" requiredMessage="UF é obrigatório" />
                            </div>
                        </div>

                    </p:panel>

                    <p:panel styleClass="column12 noborder" rendered="#{ managerCriarEscrituraSDI.parte.pessoa.tipoPessoa eq 'OUTROS' }">
                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Qualidade" for="qualidadeOutrosAutoComplete" />
                            </div>
                            <div class="column3">
                                <p:autoComplete id="qualidadeOutrosAutoComplete" value="#{ managerCriarEscrituraSDI.parte.qualidade }"
                                                disabled="#{ managerCriarEscrituraSDI.escritura.atoTipoEP == null }"
                                                forceSelection="true" dropdown="true" var="qualidade" itemValue="#{ qualidade }" 
                                                itemLabel="#{ qualidade.descricao }" completeMethod="#{ managerCriarEscrituraSDI.autocompletarQualidade }"
                                                converter="conversorqualidade" minQueryLength="3"
                                                required="true" requiredMessage="Qualidade é obrigatório">
                                    <p:ajax event="itemSelect" oncomplete="widthFix();" update=":criarEscrituraSDIForm:partesFieldset" />
                                </p:autoComplete>
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Nome" for="nomeOutrosInputText" />
                            </div>
                            <div class="column8">
                                <p:inputText id="nomeOutrosInputText" value="#{ managerCriarEscrituraSDI.parte.pessoa.nome }"
                                             required="true" requiredMessage="Nome é obrigatório" />
                            </div>
                        </div>                        

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Outros" for="outrosInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="outrosInputText" value="#{ managerCriarEscrituraSDI.parte.pessoa.outros }"
                                             required="true" requiredMessage="Outros é obrigatório" />
                            </div>
                        </div>
                    </p:panel>

                    <div class="clear"></div>

                    <p:fieldset legend="Informações adicionais" id="informacoesAdicionaisFieldset" rendered="#{ (managerCriarEscrituraSDI.escritura.atoTipoEP.tipoAtoCESDI == 'SEPARACAO_DIVORCIO') and (managerCriarEscrituraSDI.parte.pessoa.tipoPessoa != 'JURIDICA') and (managerCriarEscrituraSDI.parte.pessoa.tipoPessoa != 'OAB') and (not managerCriarEscrituraSDI.parte.qualidade.advogado) }">

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Data de Nascimento" for="dataNascimentoCalendar" />
                            </div>
                            <div class="column3">
                                <p:calendar id="dataNascimentoCalendar" value="#{ managerCriarEscrituraSDI.parte.pessoa.dataNascimento }"
                                            showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true"
                                            required="true" requiredMessage="Data de Nascimento é obrigatório" />
                            </div>

                            <div class="column2">
                                <p:outputLabel value="Sexo" for="sexoSelectOneRadio" />
                            </div>
                            <div class="column3">
                                <p:selectOneRadio id="sexoSelectOneRadio" value= "#{ managerCriarEscrituraSDI.parte.pessoa.sexo }"
                                                  required="true" requiredMessage="Sexo é obrigatório">
                                    <f:selectItems value= "#{ enums.sexos() }" />
                                </p:selectOneRadio>
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Estado de Nascimento" for="estadoNascimentoAutoComplete" />
                            </div>
                            <div class="column3">
                                <p:autoComplete id="estadoNascimentoAutoComplete" value="#{ managerCriarEscrituraSDI.parte.pessoa.estadoNascimento }"
                                                forceSelection="true" dropdown="true" var="estado" itemValue="#{ estado }" 
                                                itemLabel="#{ estado.nome }" completeMethod="#{ managerCriarEscrituraSDI.autocompletarEstado }"
                                                converter="conversorestado" minQueryLength="3"
                                                required="true" requiredMessage="Estado de Nascimento é obrigatório" />
                            </div>

                            <div class="column2">
                                <p:outputLabel value="Cidade de Residência" for="cidadeResidenciaAutoComplete" />
                            </div>
                            <div class="column3">
                                <p:autoComplete id="cidadeResidenciaAutoComplete" value="#{ managerCriarEscrituraSDI.parte.pessoa.cidadeResidencia }"
                                                forceSelection="true" dropdown="true" var="cidade" itemValue="#{ cidade }" 
                                                itemLabel="#{ cidade.nome }" completeMethod="#{ managerCriarEscrituraSDI.autocompletarCidade }"
                                                converter="conversorcidade" minQueryLength="3"
                                                required="true" requiredMessage="Cidade de Residência é obrigatório" />
                            </div>
                        </div>
                    </p:fieldset>

                    <div class="command">
                        <p:commandButton value="Adicionar" actionListener="#{ managerCriarEscrituraSDI.adicionarParte() }" update="criarEscrituraSDIForm:partesFieldset"
                                         icon="ui-icon-plus" process="criarEscrituraSDIForm:partesFieldset" oncomplete="widthFix();" />
                        <p:commandButton value="Limpar" update="criarEscrituraSDIForm:partesFieldset" process="@this, criarEscrituraSDIForm:partesFieldset" icon="ui-icon-close"
                                         actionListener="#{ managerCriarEscrituraSDI.limparParte() }" oncomplete="widthFix();" />
                    </div>

                    <p:dataTable id="partesDataTable" value="#{ managerCriarEscrituraSDI.partes }" var="parte"
                                 rows="5" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhuma parte adicionada">

                        <p:column headerText="Opções" width="5%">
                            <div class="options2">
                                <p:commandButton icon="ui-icon-pencil" actionListener="#{ managerCriarEscrituraSDI.editarParte(parte) }"
                                                 process="@this" update=":criarEscrituraSDIForm:partesFieldset" oncomplete="widthFix();" />
                                <p:commandButton icon="ui-icon-trash" actionListener="#{ managerCriarEscrituraSDI.removerParte(parte) }"
                                                 process="@this" update="partesDataTable" />
                            </div>
                        </p:column>
                        <p:column headerText="Nome" width="50%">
                            <h:outputText rendered="#{ parte.pessoa.tipoPessoa eq 'FISICA' or parte.pessoa.tipoPessoa eq 'OAB' or parte.pessoa.tipoPessoa eq 'OUTROS' }" value="#{ parte.pessoa.nome }" />
                            <h:outputText rendered="#{ parte.pessoa.tipoPessoa eq 'JURIDICA' }" value="#{ parte.pessoa.razaoSocial }" />
                        </p:column>
                        <p:column headerText="Documento" width="20%">
                            <h:outputText rendered="#{ parte.pessoa.tipoPessoa eq 'FISICA' }" value="#{ managerCriarEscrituraSDI.adicionarMascaraCPF(parte.pessoa.cpf) }" />
                            <h:outputText rendered="#{ parte.pessoa.tipoPessoa eq 'JURIDICA' }" value="#{ managerCriarEscrituraSDI.adicionarMascaraCNPJ(parte.pessoa.cnpj) }" />
                            <h:outputText rendered="#{ parte.pessoa.tipoPessoa eq 'OAB' }" value="#{ parte.pessoa.OAB }" />
                            <h:outputText rendered="#{ parte.pessoa.tipoPessoa eq 'OUTROS' }" value="#{ parte.pessoa.outros }" />
                        </p:column>
                        <p:column headerText="Qualidade" width="25%">
                            <h:outputText value="#{ parte.qualidade.descricao }" />
                        </p:column>
                    </p:dataTable>

                </p:fieldset>

                <p:fieldset legend="Selos" id="selosEPFieldset">
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Número" for="numeroSeloInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="numeroSeloInputText" value="#{ managerCriarEscrituraSDI.seloEP.numero }"
                                         required="true" requiredMessage="Número é obrigatório" />
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Série" for="serieSeloInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="serieSeloInputText" value="#{ managerCriarEscrituraSDI.seloEP.serie }"
                                         required="true" requiredMessage="Série é obrigatório" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Tipo do Selo" for="tipoSeloAutoComplete" />
                        </div>
                        <div class="column3">
                            <p:autoComplete id="tipoSeloAutoComplete" value="#{ managerCriarEscrituraSDI.seloEP.tipoSelo }"
                                            forceSelection="true" dropdown="true" var="tipoSelo" itemValue="#{ tipoSelo }" 
                                            itemLabel="#{ tipoSelo.nome }" completeMethod="#{ managerCriarEscrituraSDI.autocompletarTipoSelo }"
                                            converter="conversortiposelo" minQueryLength="3"
                                            required="true" requiredMessage="Tipo do Selo é obrigatório">
                                <p:column>
                                    <div class="color" style="background: \##{ tipoSelo.corSelo }"></div>
                                </p:column>
                                <p:column>#{ tipoSelo.nome }</p:column>
                            </p:autoComplete>
                        </div>
                    </div>

                    <div class="command">
                        <p:commandButton value="Adicionar" actionListener="#{ managerCriarEscrituraSDI.adicionarSeloEP() }" update="criarEscrituraSDIForm:selosEPFieldset"
                                         icon="ui-icon-plus" process="criarEscrituraSDIForm:selosEPFieldset" oncomplete="widthFix();" />
                        <p:commandButton value="Limpar" update="criarEscrituraSDIForm:selosEPFieldset" process="@this, criarEscrituraSDIForm:selosEPFieldset" icon="ui-icon-close"
                                         actionListener="#{ managerCriarEscrituraSDI.limparSeloEP() }" oncomplete="widthFix();" />
                    </div>

                    <p:dataTable id="selosEPDataTable" value="#{ managerCriarEscrituraSDI.selosEP }" var="seloEP"
                                 rows="5" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhuma selo adicionada">

                        <p:column headerText="Opções" width="5%">
                            <div class="options2">
                                <p:commandButton icon="ui-icon-pencil" actionListener="#{ managerCriarEscrituraSDI.editarSeloEP(seloEP) }"
                                                 process="@this" update=":criarEscrituraSDIForm:selosEPFieldset" oncomplete="widthFix();" />
                                <p:commandButton icon="ui-icon-trash" actionListener="#{ managerCriarEscrituraSDI.removerSeloEP(seloEP) }"
                                                 process="@this" update="selosEPDataTable" />
                            </div>
                        </p:column>
                        <p:column headerText="Número" width="30%">
                            <h:outputText value="#{ seloEP.numero }" />
                        </p:column>
                        <p:column headerText="Série" width="30%">
                            <h:outputText value="#{ seloEP.serie }" />
                        </p:column>
                        <p:column headerText="Tipo" width="35%">
                            <h:outputText value="#{ seloEP.tipoSelo.nome }" />
                        </p:column>
                    </p:dataTable>

                </p:fieldset>

                <p:fieldset legend="Anexos" id="anexosFieldset">

                    <p:fileUpload
                        auto="true"
                        mode="advanced"
                        label="Anexar"
                        uploadLabel="Enviar"
                        cancelLabel="Cancelar"
                        fileUploadListener="#{ managerCriarEscrituraSDI.adicionarAnexo }"
                        multiple="true"
                        allowTypes="/(\.|\/)(gif|jpe?g|png|doc|docx|xls|xlsx|pdf|)$/"
                        dragDropSupport="true"
                        invalidFileMessage="Tipo de arquivo não suportado."
                        invalidSizeMessage="Tamanho do arquivo não é suportado"
                        process="@this"
                        update="@this, :criarEscrituraSDIForm:anexosFieldset" />

                    <ui:repeat value="#{ managerCriarEscrituraSDI.anexos }" var="anexo">
                        <p:panel styleClass="thumbnail">
                            <p:commandButton id="removeButton" alt="Remover" 
                                             process="@this" styleClass="ui-button-only ui-priority-primary button-remove"
                                             icon="ui-icon-trash" update=":criarEscrituraSDIForm:anexosFieldset"
                                             actionListener="#{ managerCriarEscrituraSDI.removerAnexo(anexo) }" />

                            <h:outputLink
                                value="#{ anexo.tipo ne 'application/pdf' ? 'viewImage.xhtml' : 'show' }" title="#{ anexo.nomeExibicao }"  target="_blank">

                                <p:graphicImage rendered="#{ managerImagem.imagem(anexo) }"
                                                url="#{ managerImagem.urlThumbnailImagem(anexo) }" />
                                <p:outputLabel styleClass="nome_anexo" value="#{ managerImagem.nomeAnexo(anexo) }"
                                               rendered="#{ managerImagem.imagem(anexo) }"/>
                                <p:graphicImage height="100" width="100" rendered="#{ managerImagem.PDF(anexo) }" 
                                                url="#{ managerImagem.urlPDF }" />
                                <p:outputLabel value="#{ managerImagem.nomeAnexoPdf(anexo) }" 
                                               rendered="#{ managerImagem.PDF(anexo) }"/>
                                <f:param name="annex" value="#{ managerImagem.urlVisualziarImagem(anexo) }"/>

                            </h:outputLink>

                        </p:panel>
                    </ui:repeat>

                </p:fieldset>

                <div class="command">
                    <p:commandButton actionListener="#{ managerCriarEscrituraSDI.salvar() }" value="Salvar"
                                     styleClass="ui-priority-primary" update="@form" oncomplete="widthFix();"
                                     process="@this, :criarEscrituraSDIForm:dadosFieldset, :criarEscrituraSDIForm:partesDataTable, :criarEscrituraSDIForm:selosEPDataTable, :criarEscrituraSDIForm:anexosFieldset"
                                     icon="ui-icon-disk" onsuccess="goY(0);"/>
                    <p:button value="Cancelar" icon="ui-icon-cancel" href="pesquisarEscrituraSDI.xhtml" />
                </div>

            </h:form>

        </ui:define>
    </ui:composition>

</html>
